﻿#layout-main {
    display: flex;
    flex-direction: row;
    height: 100vh;
    user-select: none;
}
#window-menu {
    width: 150px;
    height:100vh;
    display: flex;
    flex-direction: column;
    vertical-align: middle;
    align-items: center;
    background-color: #2f4050;
    color: white;
}
#window-body {
    height: 100vh;
    display: flex;
    flex-direction: column;
    flex-grow:1;
}
#window-menu #window-menu-title {
    margin: 0px 10px;
    display: flex;
    flex-direction: column;
}

#window-menu #window-menu-title img {
   height: 26px;
}

 #window-menu #window-menu-title .title {
     margin: 0px 5px;
     font-weight: bold;
     font-size: 16px;
     align-items: center;
}
#window-header{
display:flex;
}
#window-header #window-header-tools {
    display: flex;
    height: 100%;
}

#window-header #window-header-drag {
    flex-grow: 1;
    width: 100%;
    height: 100%;
    min-width: 100px;
}

#window-header #window-header-tools i {
    padding: 10px;
    width: 16px;
}

    #window-header #window-header-tools i:hover {
        background-color: #e2e2e2;
    }

    #window-header #window-header-tools i:last-child:hover {
        background-color: red;
    }

    #window-header #window-header-tools i .icon {
        width: 24px;
        height: 24px;
        overflow: hidden;
    }